Skip to content

fix(material/paginator): Paginator default appearance is fill, like <mat-form-field> #32428

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
wants to merge 1 commit into from
Closed

fix(material/paginator): Paginator default appearance is fill, like <mat-form-field> #32428

wants to merge 1 commit into from

Conversation

@PowerKiKi
Copy link
Contributor

@PowerKiKi PowerKiKi commented Nov 28, 2025 •
edited
Loading

You can restore outline appearance by providing MAT_PAGINATOR_DEFAULT_OPTIONS like so:

{
    provide: MAT_PAGINATOR_DEFAULT_OPTIONS,
    useValue: {
        formFieldAppearance: 'outline',
    } satisfies MatPaginatorDefaultOptions,
}

Fixes #26580

BREAKING CHANGE:

  • Paginator default appearance is fill.

@PowerKiKi
fix(material/paginator): Paginator default appearance is fill, like…
0584d65 
… `<mat-form-field>`

You can restore `outline` appearance by providing `MAT_PAGINATOR_DEFAULT_OPTIONS` like so:

```ts
{
    provide: MAT_PAGINATOR_DEFAULT_OPTIONS,
    useValue: {
        formFieldAppearance: 'outline',
    } satisfies MatPaginatorDefaultOptions,
}
```

Fixes angular#26580

BREAKING CHANGE:
* Paginator default appearance is `fill`.
@PowerKiKi PowerKiKi requested a review from a team as a code owner November 28, 2025 01:28
@PowerKiKi PowerKiKi requested review from adolgachev and ok7sai and removed request for a team November 28, 2025 01:28
@angular-robot angular-robot bot added detected: breaking change PR contains a commit with a breaking change area: material/paginator labels Nov 28, 2025
@PowerKiKi PowerKiKi changed the title fix(material/paginator): Paginator default appearance is fill, like… fix(material/paginator): Paginator default appearance is fill, like <mat-form-field> Nov 28, 2025
@crisbeto
Copy link
Member

crisbeto commented Nov 28, 2025

The outline appearance was chosen intentionally, I believe because it fits better than fill in the paginator. Also this is a breaking change that's not worth the churn, considering that there's an easy workaround using a public API.

@crisbeto crisbeto closed this Nov 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@adolgachev adolgachev Awaiting requested review from adolgachev adolgachev is a code owner automatically assigned from angular/components-googlers

@ok7sai ok7sai Awaiting requested review from ok7sai ok7sai is a code owner automatically assigned from angular/components-googlers

Assignees

No one assigned

Labels

area: material/paginator detected: breaking change PR contains a commit with a breaking change

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

bug(paginator-mdc): Paginator form field appearance does not honor MAT_FORM_FIELD_DEFAULT_OPTIONS

2 participants

@PowerKiKi @crisbeto